<div>
    <div class="right-conbox" ng-controller="cengController">

        <div class="content-box">
            <div class="conBox-left"  ng-style="{'background-image':(CengData && CengData.background && CengData.background!=='') ? 'url('+ serviceHttp + CengData.background + ')' : 'url(image/lougai.png)','background-size':'100%,100%'}">
                <ul>
                    <li ng-repeat="current_ceng in CengList">
                        <a hover href="javascript:void(0)"
                           ng-click="redirect('shi_distribute.html/' + current_ceng.id + '/' + current_ceng.name)"
                           style="display:inline-block;">
                            <img src="image/ceng.png" class="IniconStyle"
                                 ng-style="{'left':current_ceng.xpoint+'px','top':current_ceng.ypoint+'px'}">
                        </a>
                        <div class="previewContent">
                            <table class="hover-box-style">
                                <tr class="bott-style XF_colorstyle">
                                    <td>层名称：</td>
                                    <td></td>
                                    <!--<td>{{current_ceng.xpoint+','+current_ceng.ypoint}}</td>-->
                                    <td>{{current_ceng.name}}</td>
                                </tr>
                                <tr class="bott-style XF_colorstyle">
                                    <td>资产健康值：</td>
                                    <td></td>
                                    <td>{{current_ceng && current_ceng.score ? current_ceng.score.toFixed(0):0}}</td>
                                </tr>
                                <tr class="XF_colorstyle">
                                    <td>设备数量：</td>
                                    <td></td>
                                    <td>{{current_ceng && current_ceng.total ? current_ceng.total:0}}</td>
                                </tr>
                                <tr>
                                    <td><span>online({{(current_ceng && current_ceng.online)? (current_ceng.online==0 || current_ceng.totle==0)?0:((current_ceng.online/current_ceng.total)*100).toFixed(2) : 0}}%)</span>
                                    </td>
                                    <td>
                                        <div class="progress">
                                            <div ng-class="['progress-bar', vm.procssOnlineStyle]"
                                                 ng-style="{width: current_ceng && current_ceng.online ?((current_ceng.online==0 || current_ceng.total==0)?0:((current_ceng.online/current_ceng.total)*100).toFixed(2)+'%'):0}">
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{current_ceng && current_ceng.online ? current_ceng.online : 0}}</td>
                                </tr>
                                <tr class="bott-style">
                                    <td><span>offline({{current_ceng && current_ceng.offline ? (current_ceng.offline==0 || current_ceng.totle==0)?0:((current_ceng.offline/current_ceng.total)*100).toFixed(2):0}}%)</span></td>
                                    <td>
                                        <div class="progress">
                                            <div ng-class="['progress-bar', vm.procssOfflineStyle]"
                                                 ng-style="{width: (current_ceng && current_ceng.offline )?(current_ceng.offline==0 || current_ceng.total==0)?0:((current_ceng.offline/current_ceng.total)*100).toFixed(2)+'%':0}">
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{current_ceng.offline}}</td>
                                </tr>
                                <tr class="XF_colorstyle">
                                    <td>报警数量：</td>
                                    <td></td>
                                    <td>{{current_ceng.lowAlert + current_ceng.highAlert}}</td>
                                </tr>
                                <tr>
                                    <td><span class="yellowWaringColor">黄色报警</span></td>
                                    <td>
                                        <div class="progress">
                                            <div ng-class="['progress-bar', vm.procssYellowStyle]"
                                                 ng-style="{width: (current_ceng.lowAlert==0 || current_ceng.total==0)?0:((current_ceng.lowAlert/current_ceng.total)*100).toFixed(2)+'%'}">
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{current_ceng.lowAlert}}</td>
                                </tr>
                                <tr>
                                    <td><span class="redWaringColor">红色报警</span></td>
                                    <td>
                                        <div class="progress">
                                            <div ng-class="['progress-bar', vm.procssRedStyle]"
                                                 ng-style="{width: (current_ceng.highAlert==0 || current_ceng.total==0)?0:((current_ceng.highAlert/current_ceng.total)*100).toFixed(2)+'%'}">
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{current_ceng.highAlert}}</td>
                                </tr>
                            </table>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="Inparams-box">

                <div class="Inparams-jkz fl">
                    <div class="Inparams-moudel-style mb15">
                        <span class="Inparams-moudel-title">运行天数</span>
                        <span class="Inparams-moudel-value">{{CengData.days}}天</span>
                    </div>
                    <div class="Inparams-moudel-style">
                        <span class="Inparams-moudel-title">资产健康值</span>
                        <span class="Inparams-moudel-value">{{CengData.score.toFixed(0)}}分</span>
                    </div>
                </div>

                <div class="Inparams-chart fl">
                    <div id="canvasUnitPir" style="width: 255px; height: 180px; "></div>
                </div>

                <div class="Inparams-chart fl">
                    <div id="canvasWaringPir" style="width: 255px; height: 180px; "></div>
                </div>
                <div class="clearfloat"></div>

            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
